{extend name='common/base'/}
{block name='css'}
<link rel="stylesheet" href="/static/frontend/css/article.css" media="all">
{/block}
{block name='content'}

<div class="main">
    <div class="container flex">
        <div class="left">
            <div class="top bg-white">
                <div class="title margin-b-15">
                    {$article_info.title}
                </div>
                <div class="article-info">
                    <div class="info-list">
                                 <span>
                                <i class="icon icon-time"></i>
                               {$article_info.publish_time?:$article_info.create_time}
                            </span>
                        <span>
                                <a href="#comment"><i class="icon icon-comment"></i>
                                1024 条评论</a>
                            </span>
                        <span>
                                  <a href="#point"> <i class="icon icon-good"></i>
                             {$article_info.like} 次点赞</a>
                            </span>
                        <span>
                                <i class="icon icon-watch"></i>
                                {$article_info.reading_count} 次查看
                            </span>
                    </div>
                </div>
            </div>
            <div class="content bg-white margin-b-5">
                <div class="article">
                    {$article_info.content|htmlspecialchars_decode}
                </div>
                <div class="tag bg-white margin-t-15 margin-b-15">
                    {foreach $article_info.tag as $k=>$v}
                    <a href="">{$v}</a>
                    {/foreach}
                </div>
                <div class="bottom">
                    <a class="layui-btn layui-btn-primary" id="point" href="javascript:;">点赞({$article_info.like})</a>
                </div>

            </div>
            <div class="other-article margin-b-5 bg-white">
                <em>上一篇：<a href="{$prev['url']}">{$prev['title']}</a></em>
                <em>下一篇：<a href="{$next['url']}">{$next['title']}</a></em>
            </div>
            <div class="comment bg-white margin-b-5">
                <div>评论区</div>
                <div id="star" data-toggle="tooltip" title="你觉得这篇文章怎么样"></div>
            </div>
            <div class="comment-box bg-white margin-b-5">
                <textarea name="" class="layui-textarea margin-b-5" cols="5" rows="5" placeholder="多少说点什么吧"></textarea>
                <button class="layui-btn layui-btn-danger margin-b-5">发表评论</button>
            </div>

            <div class="bg-white all-comment margin-b-5" id="comment">
                <div class="comment-list">
                    <div class="comment-user">
                        <a href="" class="avatar">
                            <img src="src/img/4.jpg" alt="">
                        </a>
                        <div class="user-info">
                            <p class="nickname">傲杰笔记</p>
                            <div class="comment-content">
                                不知道为何
                            </div>
                            <div class="comment-bottom">
                                <a class="comment-time f-left">2020-9-8 16:35:02</a>
                                <a class="reply f-right">回复</a>
                                <a class="like  f-right">赞(250)</a>
                            </div>
                        </div>
                    </div>
                    <div class="children">
                        <div class="reply-list margin-b-25">
                            <div class="avatar">
                                <img src="src/img/5.jpg">
                            </div>
                            <div class="reply-content">
                                <a class="name">傲杰笔记</a><span>回复:</span>
                                <a class="name">傲杰笔记</a><span>恩恩啊啊哦哦</span>
                            </div>
                            <div class="content-bottom">
                                <a class="reply-time f-left">2020-9-8 16:35:02</a>
                                <a class="reply f-right">回复</a>
                                <a class="like f-right">赞(250)</a>
                            </div>
                        </div>
                        <div class="reply-list margin-b-25">
                            <div class="avatar">
                                <img src="src/img/5.jpg">
                            </div>
                            <div class="reply-content">
                                <a class="name">傲杰笔记</a><span>回复:</span>
                                <a class="name">傲杰笔记</a><span>恩恩啊啊哦哦</span>
                            </div>
                            <div class="content-bottom">
                                <a class="reply-time f-left">2020-9-8 16:35:02</a>
                                <a class="reply f-right">回复</a>
                                <a class="like f-right">赞(250)</a>
                            </div>
                        </div>
                        <div class="reply-list margin-b-25">
                            <div class="avatar">
                                <img src="src/img/5.jpg">
                            </div>
                            <div class="reply-content">
                                <a class="name">傲杰笔记</a><span>回复:</span>
                                <a class="name">傲杰笔记</a><span>恩恩啊啊哦哦</span>
                            </div>
                            <div class="content-bottom">
                                <a class="reply-time f-left">2020-9-8 16:35:02</a>
                                <a class="reply f-right">回复</a>
                                <a class="like f-right">赞(250)</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="comment-list">
                    <div class="comment-user">
                        <a href="" class="avatar">
                            <img src="src/img/4.jpg" alt="">
                        </a>
                        <div class="user-info">
                            <p class="nickname">傲杰笔记</p>
                            <div class="comment-content">
                                不知道为何
                            </div>
                            <div class="comment-bottom">
                                <a class="comment-time f-left">2020-9-8 16:35:02</a>
                                <a class="reply f-right">回复</a>
                                <a class="like  f-right">赞(250)</a>
                            </div>
                        </div>
                    </div>
                    <div class="children">
                        <div class="reply-list margin-b-25">
                            <div class="avatar">
                                <img src="src/img/5.jpg">
                            </div>
                            <div class="reply-content">
                                <a class="name">傲杰笔记</a><span>回复:</span>
                                <a class="name">傲杰笔记</a><span>恩恩啊啊哦哦</span>
                            </div>
                            <div class="content-bottom">
                                <a class="reply-time f-left">2020-9-8 16:35:02</a>
                                <a class="reply f-right">回复</a>
                                <a class="like f-right">赞(250)</a>
                            </div>
                        </div>
                        <div class="reply-list margin-b-25">
                            <div class="avatar">
                                <img src="src/img/5.jpg">
                            </div>
                            <div class="reply-content">
                                <a class="name">傲杰笔记</a><span>回复:</span>
                                <a class="name">傲杰笔记</a><span>恩恩啊啊哦哦</span>
                            </div>
                            <div class="content-bottom">
                                <a class="reply-time f-left">2020-9-8 16:35:02</a>
                                <a class="reply f-right">回复</a>
                                <a class="like f-right">赞(250)</a>
                            </div>
                        </div>
                        <div class="reply-list margin-b-25">
                            <div class="avatar">
                                <img src="src/img/5.jpg">
                            </div>
                            <div class="reply-content">
                                <a class="name">傲杰笔记</a><span>回复:</span>
                                <a class="name">傲杰笔记</a><span>恩恩啊啊哦哦</span>
                            </div>
                            <div class="content-bottom">
                                <a class="reply-time f-left">2020-9-8 16:35:02</a>
                                <a class="reply f-right">回复</a>
                                <a class="like f-right">赞(250)</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nomore">
                    <a href="">没有更多了</a>
                </div>
            </div>
        </div>
        <div class="right">
            {include file='/common/auth_img'/}
            {include file='/common/tag_list'/}
            {include file='/common/ranking'/}
        </div>
    </div>
</div>

{/block}
{block name='js'}
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
    wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
        wx.updateTimelineShareData({
            title: '操', // 分享标题
            link: '123', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: '', // 分享图标
            success: function () {
                // 设置成功
                console.log(1234);
            }
        })
    });
</script>
<script>
    layui.use(['rate'], function () {
        var rate = layui.rate;
        rate.render({
            elem: '#star',  //绑定元素
            half: true,
            text: true,
            theme: '#dc3545',
            value: 5,
        });
    });

</script>
{/block}


